<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        // 发送get请求
        // axios({
        //     method: 'get',
        //     url: 'http://localhost:8080/springboot_vue/user/getUserByIdv',
        //     params: {
        //         id: 1
        //     }
        // }).then(function (response) {
        //     // 处理响应数据
        //     // response.data是服务器返回的数据
        //     console.log(response.data);
        // }).catch(function (error) {
        //     console.log(error);
        // });
        let user = {
            name: '张三',
            age: 18,
            gender: '1',
            phone: '12345678901'
        }
        // 发送post请求
        axios({
            method: 'post',
            url: 'http://localhost:8080/springboot_vue/user/saveUser',
            data: user
        }).then(function (response) {
            // 处理响应数据
            // response.data是服务器返回的数据
            console.log(response.data);
        }).catch(function (error) {
            console.log(error);
        });
        // axios对所有方法进行了封装，起了别名
        axios.get('http://localhost:8080/springboot_vue/user/getUserByIdv', {
            params: {
                id: 2
            }
        }).then(function (response) {
            // 处理响应数据
            // response.data是服务器返回的数据
            console.log(response.data);
        }).catch(function (error) {
            console.log(error);
        });
    </script>
</body>

</html>